<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/lib/for_details.css">
</head>
<body>
	<div class="top">
		<div class="container top-cont clearfix">
			<p class="fl">欢迎登陆北京市教师培训平台</p>
			<a class="fr" href="#">
				<i class="iconfont">&#xe601;</i>
				移动端客户端下载
			</a>
		</div>
	</div>
	<div class="header">
		<div class="container header-bar clearfix">
			<div class="navbar-header">
				<a href="#">
					<img src="images/icon/logo.png" alt="">
				</a>
			</div>
			<ul class="nav navbar-right">
				<li>
					<a href="#">
						<i class="iconfont">&#xe604;</i>
						短消息
					</a>
				</li>
				<li>
					<a href="#">
						<i class="iconfont">&#xe602;</i>
						个人中心
					</a>
				</li>
				<li>
					<a href="#">
						<i class="iconfont">&#xe603;</i>
						退出
					</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- 内容区域 -->
	<div class="container clearfix">
		<div class="mian">
			<h3 class="for-h3">资源详情</h3>
			<div class="for-main">
				<div class="media media-list">
					<div class="media-left media-middle text-center">
						<a class="gesh" href="#">
							<img src="http://www.mm4493.com/d/file/p/2016-01-04/cefb6ad63f2b9d5106f2c5eb709ce756.jpg" alt="">
						</a>
						<p>
							<strong>王志嘉</strong>
						</p>
						<p>
							<span class="c999">01-21</span>  <span class="c999">10:31</span>
						</p>
					</div>
					<div class="media-body media-body-re">
						<div class="media-btns">
							<a class="btn btn-cyan" href="#">下载资源</a>
							<a class="btn btn-orange openPops" href="#">上传资源</a>
						</div>
						<p><strong>资源名称：</strong>我是资源名称~~~</p>
						<p><strong>资源类型：</strong>教学课件</p>
						<p><strong>媒体类型：</strong>文本</p>
						<p>评论：<span class="f39">1156</span> 下载：<span class="f39">1456</span>    浏览：<span class="f39">1564</span></p>
					</div>
				</div>
				<div class="for-mian-cont">
					
				</div>
			</div>
		</div>
	</div>
	<!-- 上传资源弹窗 -->
	<div class="popups">
		<div class="popup-cont">
			<h3 class="text-center por">
				<i class="iconfont close">&#xe610;</i>
				上传资源
			</h3>
			<div class="task-form">
				<form action="" class="form-inline">
					<table class="pop-table">
						<tr>
							<td>
								<strong>标&emsp;题：</strong>
							</td>
							<td>
								<div class="form-group">
									<input type="text" class="form-control input-xlarge">
									<input type="file">
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="2" style="text-align:left;">
								<span class="f12">
									<span class="fa6">*</span>
										文件格式*.doc;*.docx;*.ppt;*.pptx;*.xls;*.xlsx;*.flv;*.swf;*.mp4;*.rmvb;*.rm;*.wmv;*.mp3;*.wma;.jpg;*.png;*.gif;
								</span>
							</td>
						</tr>
						<tr>
							<td>
								<strong>关键字：</strong>
							</td>
							<td>
								<input style="width:100%;" type="text" class="form-control">
							</td>
						</tr>
						<tr>
							<td style="vertical-align:text-top;">
								<strong>描&emsp;述：</strong>
							</td>
							<td>
								<textarea name="" id="" cols="30" rows="10" class="form-control"></textarea>
							</td>
						</tr>
						<tr>
							<td>
								<strong>类&emsp;型：</strong>
							</td>
							<td>
								<laber class="radio-inline">
									<input type="radio" value="">
									教学设计
								</laber>
								<laber class="radio-inline">
									<input type="radio" value="">
									教学设计
								</laber>
								<laber class="radio-inline">
									<input type="radio" value="">
									教学设计
								</laber>
								<laber class="radio-inline">
									<input type="radio" value="">
									教学设计
								</laber>
								<laber class="radio-inline">
									<input type="radio" value="">
									教学设计
								</laber>
							</td>
						</tr>
						<tr>
							<td>
								<strong>媒体类型：</strong>
							</td>
							<td>
								<laber class="radio-inline">
									<input type="radio" value="">
									教学设计
								</laber>
								<laber class="radio-inline">
									<input type="radio" value="">
									教学设计
								</laber>
								<laber class="radio-inline">
									<input type="radio" value="">
									教学设计
								</laber>
								<laber class="radio-inline">
									<input type="radio" value="">
									教学设计
								</laber>
								<laber class="radio-inline">
									<input type="radio" value="">
									教学设计
								</laber>
							</td>
						</tr>
						<tr>
							<td style="text-align: center;" colspan="2">
								<button type="button" class="btn btn-cyan mr20">确定</button>
								<button type="button" class="btn btn-default">取消</button>
							</td>
						</tr>
					</table>
				</form>
			</div>
		</div>
	</div>
	<!-- footer -->
	<div class="footer">
		<div class="footer-cont container">
			<ul>
				<li>
					<a href="#">关于我们</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">联系我们</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">网站地图</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">网站声明</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">友情链接</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">帮助中心</a>
				</li>
			</ul>
			<p>版权所有 2015 ©北京思纽教育科技有限公司  京ICP备1006888号</p>
		</div>
	</div>
<script type="text/javascript" src="http://libs.useso.com/js/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
	pop2();
});
function pop2(){
	$('.openPops').on('click',function(){
		$('.popups').show();
	})
	$('.popup-cont .close').on('click',function(){
		$('.popups').hide();
	})
}
</script>
</body>
</html>